﻿<h3 class="important-tittle"> Installation</h3>

<div class="doc-alert">
    This article is built using visual studio 2015
</div>
<div class="doc-alert">
    Offline install? please see: 
    <a href="http://stackoverflow.com/questions/8120289/is-there-a-way-to-download-packages-from-nuget-org-then-do-an-offline-installati">extract binaries from nuget</a>
</div>

<p>
    Install using the <a href="https://docs.nuget.org/ndocs/tools/package-manager-console#installing-a-package">package manager console</a>
</p>

<div class="row">
    <div class="col-md-offset-2 col-md-8 col-xs-12">
        <div class="pabel card-shadow console">
            <div class="panel-body spaced">
                <h3 class="text-center spaced">PM> Install-Package LiveCharts.WinForms</h3>
            </div>
        </div>
    </div>
</div>

<p>
   Or go to Solution Explorer, right click on references, then Manage NuGet Packages…
</p>

<div class="text-center">
    <img src="/App/Examples/v1/install/Images/managenuget.png" />
</div>

<p>
    Browse for LiveCharts.WinForms, select the package and click on install
</p>

<div class="text-center">
    <img src="/App/Examples/v1/install/Images/browseNuget.png" />
</div>

<p>
    Add name spaces to you code if necessary, notice the WinForms version uses WPF advanced rendering system,
    so you are actually running the WPF package with a wrapper to create a Windows Forms user control class,
    therefore you need 3 name spaces
</p>

<pre class="prettyprint">using LiveCharts; //Core of the library
using LiveCharts.Wpf; //The WPF controls
using LiveCharts.WinForms //the WinForm wrappers</pre>

<p>
    Now you can add the charts to your toolbox as any WinForms control, After the package was installed correctly,
    go to <i>Build</i> menu, then <i>Rebuild Solution</i>, this will create the LiveCharts.WinForms.dll file in
    your project directory.
</p>

<p>
    In the designer, open your toolbox, right click on it, then <i>Choose Items</i>
</p>

<div class="text-center">
    <img src="/App/Examples/v1/install/Images/toolboxchooseitems.png"/>
</div>

<p>
    At <i>.Net Framework Components</i> click on browse
</p>

<div class="text-center">
    <img src="/App/Examples/v1/install/Images/browsecomponents.png"/>
</div>

<p>
    Browse for <i>LiveCharts.WinForms.dll</i> file, select it and then click <i>Open</i>,
    the file is normally located at <i>ProjectLocation/bin/Debug</i>
</p>

<div class="text-center">
    <img src="/App/Examples/v1/install/Images/winformsdll.png"/>
</div>

<p>
    In the <i>Choose Toolbox Items</i> dialog click OK to add the LiveCharts controls to your project.
</p>

<p>
    That's all, now you should see at least 3 new controls in your toolbox, <i>CartesianChart</i>,
    <i>PieChart</i> and <i>Gauge</i>, drag them to any form as any other control.
</p>

<div class="text-center">
    <img src="/App/Examples/v1/install/Images/toolboxinstalled.png" />
</div>

